@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%;background-color: #fff;}
body {margin: 0 auto;font-family:"微软雅黑"; font-size: 12px;font-size: 1.2rem;

}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 .wp{/*position: relative;*/}
 .box{position: relative;}
 .clear{ float: none; }


@media screen and (min-width:1220px){.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}
.mln{margin-left: 0!important;}
.mbn{margin-bottom: 0!important;}




.ziti1{ font-family:"微软雅黑";;}
.ziti2{font-family:"微软雅黑";}

.top50{ margin-top:50px}
/* search */
 .search{width:25px;z-index:99999; position:absolute;background:none;margin-top:30px; right:0px; }
.sb-icon-search {color: #333;width:25px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;background:url(../images/lvshu.jpg) no-repeat 200px center;color:#333}
.sb-icon-search,.sb-search-submit{width: 25px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../images/sousuo.png) no-repeat center;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #54afb1;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}

/*container*/
.container{ width:5px; height:100%;position:absolute; right:0px;top:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.container .menubtn{width: 35px;height: 30px;position: absolute;top:27px;right:12px;transition:all 0.4s ease 0s; z-index:999999}
.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #54afb1;}
.container .nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none; margin-top:10px;}
.container .nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.container .nav ul li a{ color:#fff;}




/*head*/
.head { position: relative;width: 100%;max-width: 1920px; margin: 0 auto;  z-index: 1111;padding-bottom: 0px;}
.logo{max-width: 274px;top: 21px;position: absolute;left: 0; z-index:9999999999999999999}
.logo a{display: block;}
.logo a img{display: block;}
.fr{ position: relative; }
.fr ul{padding-left: 355px; width: 840px;}
.fr ul>li{float: left;margin-left:32px;}
.fr ul>li>a{display: block;height: 88px;line-height: 88px; font-family:"微软雅黑";; font-size: 18px; font-size: 1.8rem;  text-align: center; padding: 0 10px; color: #333;border-bottom: 2px solid transparent;}
.fr ul>li.on>a,.fr ul>li:hover>a,.xuanz a{color: #54afb1; border-bottom:#54afb1 solid 2px }
.fr ul>li:hover .pro-bj{display: block;}


.pro-bj{ z-index: 9999; display:  none;position: absolute;top: 100%;  left:0; background: #eee; width: 1200px; border-top: 4px solid #54afb1; padding-bottom:140px}
.pro-bj>ol{ width: 242px; margin-left: 30px; border-right: 1px solid #ccc; /* height: 157px;*/ margin-top: 16px; float: left;}
.pro-bj>ol>li{ background: url(../images/pro-botton.png) no-repeat bottom;  width: 224px;  position: relative;}
.pro-bj>ol>li>a{font-size:18px; font-size: 1.8rem; color: #333; line-height: 45px;font-family: 'FuturaStdBook'; display: block;width:224px; position: relative;}
.pro-bj>ol>li>a .img{ display: inline-block; width: 8px; height: 13px;  position: absolute; top:13px; right: -19px; display: none}
.pro-bj>ol>li{position: relative;}
.pro-bj>ol>li>a:hover .img{ display: block; }
.pro-bj>ol>li.hover .img{ display: block; }
.pro-bj>ol>li>a:hover,.pro-bj ol>li.hover>a{ background: url(../images/pro-bottonon.png) no-repeat bottom;  color: #333;}


.pro1-wrap{width:800px; margin-left: 50px; margin-top: 25px; border-right-width: 167px; float: left; position: absolute; top:0; left: 240px; padding-bottom:20px; clear:both}
.pro1-top ol{ width: 230px; float: left; overflow:hidden }
/*.pro1-top ol li{  margin-bottom: 7px;font-size:16px; font-size: 16px; }
.pro1-top ol li a span{ color: #54afb1; font-size: 14px; font-size: 1.4rem;}
.pro1-top ol li span{ display: inline-block; text-align: center; width:40px; height: 20px; line-height: 20px; border: 1px solid #ccc; margin-right: 10px; }
*/


.pro1-top ol a{  margin-bottom: 7px;font-size:16px; font-size: 16px;  display:inline-block }
.pro1-top ol  a span{ color: #54afb1; font-size: 14px; font-size: 1.4rem;}
.pro1-top ol  span{ display: inline-block; text-align: center; /*width:40px;*/ width:80px; height: 20px; line-height: 20px; border: 1px solid #ccc; margin-right: 10px; }









.pro1-t-con { float: left; width:202px; }
.pro1-t-con .h2{margin-bottom: 15px;}
.pro1-t-con .h2 a{color: #54afb1; font-weight: normal; font-size: 18px; font-size: 1.8rem; }

.pro1-top .div{width: 290px; float: left; margin-left:40px; margin-top: 30px; line-height: 29px; font-size: 14px; font-size: 1.4rem;}
.pro1-top .div a{ display:block}
.pro1-t-con img{ max-width:202px;}


.china{margin-left: 22px;margin-top: 29px;}
.china a{font-size:16px;font-size:1.6rem;color: #333;}
.china a:hover{color: #1e50a3;}
.china a img{margin-right: 5px;display: inline;position: relative;top: 2px;}

.china1{margin-right: 50px;margin-bottom: 31px;}

.nonert980{display: none;}
.none980{display: block;}





#input980{width: 50%;margin-top: 23px;}
#input980 form{width: 100%;border: 1px solid #54afb1;background-color: transparent;border-radius: 18px;overflow: hidden;}
#input980 form .ipt{display: block;width: 80%;height: 34px;line-height: 34px;padding-left: 3%;background-color: transparent;font-size:14px;font-size:1.4rem; color: #333;}
#input980 form .ips{display: block;width: 10%;height: 34px;line-height: 34px;background:  transparent url(../images/sousuo.png) no-repeat 60% center; }

#input980,.b980{display: none;}
.nav2{display: none;}
.nav2 ul{display: flex;justify-content: space-around;margin-top: 10px; margin-bottom: 10px;}
.nav2 ul li>a{display: block;height: 30px;line-height: 30px;text-align: center; padding: 20px 12px;font-size: 16px;font-size: 1.6rem;color: #333;}

.nav2  .xuanzhong,.nav2 ul li>a:hover{color: #299b9d !important;}
/*img{display: block!important;width:100%!important;max-width: 267px!important;margin: 0 auto!important;}*/


@media screen and (max-width:1219px) {
    .fr{ width: 100%; margin-bottom: 0}
    .fr ul{ margin: 0; padding: 0;  float: right; width: 70%;}
    .fr ul>li{  margin-left: 0; margin-left: 9px;}
    .fr ul>li>a{padding: 0 7px;}
    .fr ul>li:hover .pro-bj{display: none;}
}
/* @media screen and (max-width:1220px){
    
    .fr ul{ margin-left: 0; padding-left: 0;  width: 100%;}
    .fr ul li{ padding-left: 3%; padding-right: 2%; }
    
} */
@media screen and (max-width:980px){
     #input980,.b980{display: block; margin-right: 7%;}
     .nav2{ display: block; }
     .none980{ display: none; }
     .nonert980{ display: block; }
}
   
@media screen and (max-width:810px){
    #input980{width: 30%;}
    #input980 form .ips{width: 20%;}
    #input980 form .ipt{width: 70%;}

}
@media screen and (max-width:640px){
    #input980{width: 100%;float: none;margin-top: 90px;}
    .china1{margin-bottom: 40px;}
    .nav2{display: block;}
}
@media screen and (max-width:400px){
    .logo a img{width: 65%;margin-top: 10px;}
    .nav2 ul li>a{padding: 0;font-size:12px;font-size:1.2rem;}
}




/*lun bo*/
.index_focus {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;/*height: 641px;*/height:376px;}
.index_focusn{width:1980px; position:absolute; left:50%; top:0px; margin-left:-990px; z-index:99;/*height: 576px;*/height:376px;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; z-index:9998 ;height: 18px;left:50%;margin-left:-77px ;bottom:28px;}
.index_focus .slide_nav a{ width:16px; height:16px; cursor:pointer;display: inline-block;margin-top: 9px; margin-right:10px; margin-left:10px; background:#fff; border:#b0acac solid 1px; border-radius: 8px;}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:url(../images/annuoon.png) no-repeat;background:#3fb1b4; border:#b0acac solid 1px; border-radius: 8px;}
.index_focus_pre,.index_focus_next {display: block;position: absolute;top:43%;margin-top:-2px;width:38px;height:38px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 5.5%; background:url(../images/chooseright.png) no-repeat;}
.index_focus_next {right: 5.5%;background:url(../images/chooseleft.png) no-repeat;}

.index_focus_pre:hover {left: 5.5%; background:url(../images/chooseleft1.png) no-repeat;}
.index_focus_next:hover {right: 5.5%;background:url(../images/chooseright1.png) no-repeat;}


.index_focus1 {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;height: 260px;}
.index_focusn1{width:1980px; position:absolute; left:50%; top:0px; margin-left:-990px; z-index:99;height: 260px;}
.index_focus1 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus1 .slide_nav {position: absolute; z-index:9998 ;height: 18px;left:50%;margin-left:-92px ;bottom:28px;}
.index_focus1 .slide_nav a{ width:18px; height:18px; cursor:pointer;display: inline-block;margin-top: 9px; margin-right:13px; margin-left:13px; }

.index_focus_post {z-index: 10;}
.index_focus1 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus1 .pic:hover {text-decoration: none;}
.index_focus1 .slide_nav li:hover,.index_focus1 .slide_nav .on{text-decoration: none; }
.index_focus_pre,.index_focus_next {display: block;position: absolute;top:43%;margin-top:-2px;width:64px;height:64px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}



@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:512px;}
.index_focusn img {width:80%;}

.index_focus1 {height:208px;}
.index_focusn1 img {width: 80%;}

.index_focus .slide_nav { position: absolute; z-index: 9998; height: 18px;left: 50%; margin-left: -92px; top: 405px; }
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus1 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 323px;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}

.carousel ol{position: absolute;z-index: 2;width: 70px;height:5px;bottom: 20%;
left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;
background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#299b9d;}
.carousel ol li:last-child{margin: 0;}

}

@media screen and (min-width:980px) {
    .container,.nav{ display:none};

}

/* main1 */
.maintop{    width: 1194px;    margin:0 auto;}
.maintop-img{    width: 100%;}
.maintop-img li{    float: left;    width: 385px; margin-right: 16px;}
.maintop-img li a{ display: block; max-width:385px; margin: 0 auto;  }
.maintop-img  .maintop-imhli{ margin-right: 0; }



.maintop-img li img{   width: 100%;   height: 100%;    max-width: 385px;
  transition: All 0.7s ease-in-out;
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;}
.maintop-img p{    width: 100%;  text-align: center; font-size: 18px;font-size: 1.8rem;  color: #333333; margin-top: 25px; margin-bottom: 85px;
}



.maintop-img li img:hover  { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }

.maintop-img .active{ color: #299b9d;}
.maintop-img a:hover{ color: #299b9d;}
@media screen and (max-width:1200px) {
.maintop{    width: 90%;    margin:0 auto;}
.maintop-img li{    float: left;    width: 33.33%; margin-right: 0;}
}

@media screen and (max-width:700px) {
    .maintop{    width: 70%;  margin:0 auto; }
    .maintop-img{   width: 100%;  }
    .maintop-img li{  width: 100%;   }
    .maintop-img li img{  width: 100%;  height: 100%; }
}


/*main2*/
.padd44{ margin-top:52px}
.i-title{width: 1185px; margin: 0 auto; text-align: center;  padding-top: 50px;}
.i-title a{  font-size: 40px; color: #333333;  font-size: 4rem;}
.i-title  p{ padding-top: 24px; line-height: 27px; margin-bottom: 40px;}
.i-title  p a{ font-size: 14px;font-size: 1.4rem;color:#4d4d4d;  }
.main2 .i-title a:hover{color: #299b9d;}
.main3 .i-title a:hover{color: #299b9d;}
.main2{background: #e1e2e3 url(../images/bjflie.jpg) no-repeat top center;  /*padding-bottom: 162px;*/ padding-bottom:32px; margin-bottom: 3px;}
.m1lie{ width:100%;  position:relative; overflow:hidden; margin-top:16px}
.m1tu{ position:relative; margin: 0 auto;  max-width: 267px;}
.m1tun{ display:block; width: 100%;}
.m1tun img{ width:100%; max-width: 267px; height: 100% ; display: block; }
.m1fu{ display:block; position:absolute; left:0px; top:100%; width:100%;max-width:267px; height:100%; background:#4a9591; 
    /*background:rgba(75,149,145,0.8);*/
    background: url(../images/zhezhao.png) repeat left top;
}
.m1fu img{ width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; 
    /*top:50%; margin-top:-20px;*/
    top: 41%;
}
.m1lie:hover .m1fu{ top:0px;}
.m1zi:hover{ color:#40a2b1;}

.main2 ul{width: 100%; background: #e1e2e3 url(../images/bjflie.jpg) no-repeat top center; }
.main2 ul li{ width: 267px; float: left;  margin-right: 44px; position: relative;}
.main2 ul li a img{ display: block; }
.main2 ul li .m2-2{ width: 100%;   position: absolute; bottom: -65px; text-align: center;font-size: 18px;}
.main2 ul li .m2-2  a{ width: 100%; padding: 20px 0;display: inline-block;  background: url(../images/main2button1.png) no-repeat bottom;}
.main2 ul li .on a{color: #299b9d; background: url(../images/main2button.png) no-repeat bottom}
.main2 ul .m2-2  a:hover{color: #299b9d; background: url(../images/main2button.png) no-repeat bottom}
.main2 ul .main2ulll{ margin-right: 0; }


@media screen and (max-width:1300px) {
    .main2 ul{ width: 100%;  margin: 0 auto;}
    .main2 ul li{width: 30%;     margin: 20px 10% 60px 10%;}
    .main2{background-attachment: fixed;}
    .m1tu{width: 100%;}
    .m1tu .m1tun{ width: 100%; max-width: 267px; margin: 0 auto; }
    .main2 ul .main2ulll{     margin: 20px 10% 60px 10%;}

.m1tun{ display:block; width: 100%;}
.m1tun img{ width:100%; max-width: 267px; height: 100% max-width:267px;}
.m1fu{ display:block; position:absolute; left:0px; top:100%; width:100%;max-width:267px; height:100%; background:#4a9591; /*background:rgba(75,149,145,0.8);*/ background: url(../images/zhezhao.png) repeat left top;}
.m1fu img{ width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; 
    /*top:50%; margin-top:-20px;*/   top: 41%;}
    .i-title{ width: 90%; text-align: center; margin: 0 auto; padding: 20px 0; }
    .i-title p{ margin-bottom: 0; }
}



@media screen and (max-width:660px) {
    .main2 ul{ width: 80%;  margin: 0 auto;}
    .main2 ul li{width: 100%;   margin-bottom: 100px; margin-left: 0;}
    .main2{background-attachment: fixed;}
    .m1tu{width: 100%;}
    .m1tu .m1tun{ width: 100%; max-width: 267px; margin: 0 auto; }
    .main2 ul .main2ulll{    margin: 0 ;}
}

/* main3 */
.main3{width: 1200px; margin:0 auto;}
.main3 .i-title{/* padding-top: 85px; */}
.ck-slide-wrapper h2{ width: 100%; text-align: center; font-weight: normal;padding-top: 40px;}
.ck-slide-wrapper h2 a{ display: block; color: #333;  padding-bottom: 20px; font-size: 18px;   line-height: 30px;}
.main3cont{width: 100%;}
.main3cont p{width: 1044px;margin:0 auto; text-align: center; padding-bottom: 20px; line-height: 25px; padding-top: 10px; font-size: 14px;}
.main3button{ width: 100%;text-align: center;  padding-bottom: 36px; margin-top:7px}
.main3button a{ color: #299b9d; font-size: 14px; font-size: 1.4rem; font-family: 'FuturaStdBook';}
/* fenye */
.ck-slide-wrapper{ width: 100%; background: url(../images/leftjiao.png) no-repeat left ,url(../images/rightjiao.png) no-repeat right;}
/* .ck-slide-wrapper li p{height: 55px;} */
.ck-slide-wrapper li p a{ color: #6e6e6e;  font-size: 14px; font-size: 1.4rem;}
.ck-slide-wrapper li p a:hover{ color: #299b9d; }
.main3cont .ck-slide{ width: 100%;margin: 0 auto;  /*margin-bottom: 120px; */ margin-bottom:20px;}
.main3cont .ck-slide .main4-strl{ width: 72px; display: block; margin: 0 auto;}
.main3cont .ck-slide .main4-strl a{ display: inline-block; width: 30px; height:  29px;  float: left;}
.main3cont .ck-slide .main4-strl .ck-prev{ background: url(../images/left11.png) no-repeat left; margin-right: 12px; }
.main3cont .ck-slide .main4-strl .ck-prev:hover{ background: url(../images/right111.png) no-repeat left; }
.main3cont .ck-slide .main4-strl .ck-next{ background: url(../images/left111.png) no-repeat left; }
.main3cont .ck-slide .main4-strl .ck-next:hover{ background: url(../images/right11.png) no-repeat left; }

.main3cont .ck-slide a:hover img{   }


@media screen and (max-width:1219px) { .main3{width: 95%;} .main3cont p{width: 80%;}}
@media screen and (max-width:640px) {
   .m1tu{width: 100%;}
   .m1tu .m1tun{ width: 100%; max-width: 267px; margin: 0 auto; }
   .main3{width: 95%;}
   .main3cont p{width: 60%;}
   .ck-slide-wrapper{ background: none; }
   .main3cont p{ width: 100%; }
   .main6top{ display: none; }
}

/* main4 */
.main4{padding-bottom:40px; /*padding-bottom: 165px; background: url(../images/main4bj.jpg) no-repeat center;*/}
.main4 .main4-title{text-align: center;/*padding-top: 58px;*/ padding-top:20px;}

.main4-title{text-align: center;}
.main5-title{text-align: center;}
.main4-title a{font-size:40px;color: #000;text-transform: uppercase;display: block;padding-bottom: 58px; padding-top:23px}
.main5-title a{font-size:40px;color: #000;text-transform: uppercase;display: block;padding-bottom: 28px; padding-top:13px}
.img-scroll3 { position:relative;}
.img-scroll3 .prev3,.img-scroll3 .next3{position:absolute;display:block;width:50px;height:98px;top: 50%;margin-top: -49px;}
.img-scroll3 .prev3 { left:-110px;cursor:pointer; background: url(../images/chooseright.png) no-repeat center;  border-radius: 10%;}
.img-scroll3 .next3 { right:-110px;cursor:pointer; background:url(../images/chooseleft.png) no-repeat center; border-radius: 10%;}
.img-scroll3 .prev3:hover { background:url(../images/chooseleft1.png) no-repeat center;}
.img-scroll3 .next3:hover { background:url(../images/chooseright1.png) no-repeat center;}
.img-list3 { position:relative; width:1200px; overflow:hidden;margin: 0 auto 0px;}
.img-list3 ul { width:9999px; }
.img-list3 li { float:left; display:inline; width:280px; margin-right:27px; background: #f6f6f6;}
.img-list3 li .m3lie2{ max-width:435px;text-align: center;background: #f6f6f6; overflow: hidden; border-bottom: 4px solid #299b9d;}
.img-list3 li .m3lie2 img{ max-width:435px; max-height:435px;width: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.img-list3 li .m3zi{ display: block; font-size: 16px; font-size:1.6rem;color: #299b9d;line-height: 30px; width: 85%; margin: 0 auto; padding-top: 8px; text-align: center;}
.img-list3 li .m3tu{display: block; overflow: hidden; width: 100%; height: 185px;}
.img-list3 li .m3zi:hover{color: #333;}
.img-list3 li .m3lien  .m1lie { margin-top: 0; }
.img-list3 li .m3lien  .m1lie .m1tu{  max-width: 283px;}
.img-list3 li .m3lien  .m1lie .m1tu .m1tun{  max-width: 281px;}
.img-list3 li .m3lien  .m1lie .m1tu .m1fu{  max-width: 281px; width: 100%;}
.img-list3 li .m3lien  .m1lie .m1tu .m1tun img{  max-width: 281px; width: 100%;/*max-height:249px;*/max-height:281px;}
.img-list3 li .m3lien.m3lien1{margin-top: 60px; }
.img-list3 li .m3lie2 img:hover{transform: scale(1.1);}
.img-list3 li .main4m3zi{color: #4d4d4d;font-size: 14px;  width: 85%; margin:0 auto; line-height: 27px; text-align: left; display: block; padding-bottom: 14px; padding-top: 5px;}
.img-list3 li .main4m3zi:hover{color: #299b9d;}
.img-scroll33{display: none;}
.img-scroll33 ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.img-scroll33 ul li{width: 33.33%;margin-bottom: 15px; }
.img-scroll33 ul li a{display: block; width: 100%;overflow: hidden;}
.img-scroll33 ul li a img{display: block;width: 100%;max-width: 280px;max-height:249px;}
.img-scroll33 ul li a{font-size: 14px;color: #333;line-height: 42px;margin-top: 5px;text-align: center;}
.img-scroll33 ul li .main4m3zi{   padding-top: 10px;color: #4d4d4d;font-size: 14px; line-height: 25px;   width: 80%; margin: 0 auto; text-align: left; display: block; padding-bottom: 20px;}
.img-scroll33 ul li .m3zi{font-size: 14px;  font-size: 1.4rem; color: #299b9d;line-height: 30px; width: 100%; margin: 0 auto; text-align: center;}

.main4-img3{ max-width: 280px; margin: 0 auto; background: #f6f6f6;}

@media screen and (max-width:1219px) {
    .img-list3{width: 980px;}
}
@media screen and (max-width:1450px) {
    .img-scroll3 .next3{right: 44%;top:115%;}
    .img-scroll3 .prev3{left: 44%;top:115%;}
    .main1{padding-bottom: 130px;}
}


@media screen and (max-width:1219px) {
    .main4 .img-list3{width: 980px;}
		.main4{padding-bottom: 165px; /*background: url(../images/main4bj.jpg) no-repeat center top; */background-attachment:fixed}
}
@media screen and (max-width:1450px) {
    .main4.img-scroll3 .next3{right: 44%;top:115%;}
    .main4.img-scroll3 .prev3{left: 44%;top:115%;}
    .main1{padding-bottom: 130px;}
}


@media screen and (max-width:999px) {
    .main4 .img-list3{width:95%;}
    .main4 .img-list3 li{margin-right: 107px;}
	.main4{padding-bottom: 165px; /*background: url(../images/main4bj.jpg) no-repeat center top; background-attachment:fixed*/ background:none}

}
@media screen and (max-width:1220px) {
     .main4 .img-scroll3{display: none;}
     .main4 .img-scroll33{display: block;}
     .main4 .img-scroll33 ul li{width:48%; margin-left: 1%; margin-right: 1%; margin: 0 auto; margin-bottom: 25px;}
    .i-title a{font-size:34px;font-size:3.4rem;}
}
@media screen and (max-width:639px) {
    .main4-title a{ font-size: 30px; }
    .main5-title a{ font-size: 30px; }
    .img-scroll3{ width: 90%; margin: 0 auto; }
    .m3zi{padding-top: 10px;}
    .img-scroll33 ul li{width:280px; margin:0 auto; margin-bottom: 25px;}
    .i-title a{font-size:34px;font-size:28px;}
    .img-scroll33 ul li .main4m3zi{color: #4d4d4d;font-size: 14px; line-height: 25px;  width: 80%; margin: 0 auto; text-align: left; display: block; padding-bottom: 20px;}
}
@media screen and (max-width:750px) {
    .main4 .img-scroll33 ul li{width:280px; margin-left: 4%; margin-bottom: 25px;}
    .main4 .img-scroll33 ul  li .m3zi{ width: 100%;  font-size: 14px; }
}
@media screen and (max-width:680px) {
    .main4 .img-scroll33 ul li{width:280px;  margin: 0 auto; margin-bottom: 25px;}
    .main4 .img-scroll33 ul  li .m3zi{ width: 100%;  font-size: 14px; }
}





/* main5 */
.main5{ margin-top:80px;}
.main5img {margin:0 auto; width: 80%;}
.main5img a{ display: block; }

.main5img img{  margin:0 auto;display: block;  }
.main5 p{width: 60%; margin:0 auto; text-align: center; color: #4d4d4d; padding-top: 36px; line-height: 25px; font-size: 14px; padding-bottom: 31px;}
.main5 p a:hover{ color: #299b9d; }
.main5span{width:185px; margin: 0 auto; padding-bottom: 62px;}
.main5span .main5spana a{ display: inline-block;  margin-right: 35px;}
.main5span .main5spana .main5spanimg{ margin-right: 0; }

@media screen and (max-width:600px) {
.main5img { width: 80%; margin:0 auto;}
.main5img img{width: 100%;  } 
}

/* main6 */
.main6{background: #299b9d; }
.main6wrap{max-width: 1390px;margin:0 auto;}
.main6top{font-size: 16px;color: #333; padding-bottom: 10px;}
.main6 .main6wrapul{ padding-top: 34px; padding-bottom: 50px; color: #fff; border-bottom: 1px solid #6ab9bb;}
.main6 .main6wrapul li{ float: left;  font-size: 18px; font-size: 1.8rem; line-height: 26px; padding-right: 155px;}
.main6 .main6wrapul li a{color: #fff; display: inline-block;}
.main6 .main6wrapul li a:hover{color: #333;}
.main6li{padding-left: 20%;}
.main6li1{ background: url(../images/guoqi.png) no-repeat 85px 2px; }
.main6 p{ padding-top: 68px; color: #fff; line-height: 25px; font-size: 14px;font-size: 1.4rem;  padding-bottom: 35px; text-align:center}
.main6 p img{ display: inline-block; margin-right: 10px; }
.main6 p a{ color: #fff;padding-left: 10px; }
.main6 .main6ol{width: 1200px; margin: 0 auto;  padding-bottom: 106px;}
.main6 .main6ol li{ float: left; color: #fff; font-size: 14px;font-size: 1.4rem; }
.main6 .main6ol li a{color: #fff; padding-left: 0px;}
.main6 .main6ol li a:hover{color: #333;}
.main6 .main6ol li img{ display: inline-block; float: left;  margin-right: 10px;}
.main6botton{ background: #144d4e; height: 50px; color: #fff; }
.main6botton .span{ float: left; font-size: 14px;  color: #fff;font-size: 1.4rem;  padding-top: 20px;}

.main6botton .small{ color: #fff;  float: right; font-size: 14px; font-size: 1.4rem; padding-top: 20px;}

.mainconollo{padding-left: 160px;}
.mainconollo1{padding-left: 120px;}
.mainconollo2{padding-left: 112px;}

 .main6top a{display: inline-block; font-size: 14px;font-size: 1.4rem;color: #333;margin-left: 15px;}
 .main6top a:hover{color: #299b9d;}

@media screen and (max-width:1220px) {
.mainconollo{padding-left: 0;}
.main6 p{width: 80%; margin:0 auto; padding: 20px; text-align: left;}

.main6 .main6wrapul{ width: 80%;  border: 0; margin-bottom: -30px; border-bottom: 1px solid #6ab9bb; margin: 0 auto;}
.main6 .main6wrapul li{ width: 20%;  text-align: center; padding: 0; font-size: 16px;font-size: 1.6rem;  height: 30px; line-height: 30px;}
.main6li1{ position: relative;}
.main6li1 img{display: inline-block; position: absolute; top:6px; left:80%;}

.main6li1{ background: url(../images/guoqi.png) no-repeat right; }
.main6 .main6ol{width: 80%;margin:0 auto; padding-bottom: 140px;}
.main6 .main6ol li{  color: #fff;  padding-bottom: 20px; font-size: 14px;}
.main6 .main6ol li img{ display: inline-block; float: left; }
.main6botton{width: 100% }
.main6botton .span{ display: block; padding-top: 20px; float: left;}
.main6botton .small{ color: #fff; display: block;  float: right; padding-top: 20px;}
}
@media screen and (max-width:1100px) {

.main6 .main6ol{width: 80%;margin:0 auto; padding-bottom: 25px;}
.main6 .main6ol li{ float: none; padding-left: 0; padding-top: 20px;}
}
@media screen and (max-width:800px) {
 .main6 .main6wrapul{  border: 0; margin-bottom: -50px;}
   
.main6 .main6wrapul li{ width: 30%;  float: left; text-align: left; padding: 0; font-size: 16px; height: 40px; line-height: 40px;}

.main6li1{ background: url(../images/guoqi.png) no-repeat 85px 2px; }
}

@media screen and (max-width:600px) {
 .main6botton{background: #144d4e; height: 90px; color: #fff; }

.main6 p{width: 100%; padding: 20px 0; }
.main6 .main6ol{width: 100%;}
.main6botton{font-size: 12px;}
.main6 .main6ol li{width: 100%;}
.main6botton{width: 100%; overflow: hidden;}
.main6botton .span{ display: block; float: none; text-align: left; padding-top: 20px; }
.main6botton .small{ color: #fff; display: block;   float: none; text-align: left; padding-top: 10px;}
.main6wrap{ width: 90%; }
   .main6 .main6wrapul li{ width: 50%; }
.main6li1{ position: relative;}
.main6li1 img{display: inline-block; position: absolute; top:6px; left:80px;}
}
@media screen and (max-width:400px) {

.main6botton{background: #144d4e; height: 90px; color: #fff; }
.main6botton{width: 100%; overflow: hidden;}
.main6botton .span{ display: block; text-align: left;  padding-left: 10px;   }
.main6botton .small{ color: #fff; display: block;  text-align: left;  padding-top: 10px; padding-left: 10px;}
.main6li1{ background:none; }
}












/* -------------------------------chooseheader---------------------------------------- */
/* -------------------------------chooseheader---------------------------------------- */
/* -------------------------------chooseheader---------------------------------------- */
.chooseheader{width: 100%;background: #ececec url(../images/choooslogo.png) no-repeat center;}
.chooseheader .h3{width: 100%;margin:0 auto; font-size: 30px; color: #62b3b5;  padding-top: 20px; text-align:left; font-weight: normal; padding-bottom:5px}
.chooseheader .h4{width: 100%;margin:0 auto; font-size: 14px; font-size: 1.4rem; color: #4d4d4d; padding-bottom: 24px; font-weight: normal;}
.chooseheader .h4 a:hover{ color: #299b9d; }
.chooseheader .h4 .on{  color: #299b9d; }
.chossemian{width: 1200px; margin:0 auto; margin-top: 53px; overflow: hidden; margin-bottom: 10px;}
.choosemainleft{ float: left; width: 98%; }
.choosemainleft .p{  padding-top: 50px;}
.choosemainleft p ,.about_usp{font-size: 14px; font-size: 1.4rem; color: #4d4d4d;line-height: 26px; margin-bottom:20px }
.choosemainleft p a:hover{ color: #54afb1; }
.choosemainleft p .ch-main-pa{ color: #54afb1; font-size:25px; font-style: italic; padding-right: 10px; }
.chossemian .choosemainleft p .c-ml{ color: #54afb1; font-size:25px; display: inline-block;}
.choosemainright{float: right; width: 520px;  padding-top: 4px; }
.ch-mian3zong{ padding-bottom: 99px; margin-bottom: 8px; }
.choosemainright img{ width: 100%; height: 100%; display: inline-block; float: right;}
.chossemian .img-list3 ul{width: 100%;}



@media screen and (max-width:1450px) {
.chossemian{width: 80%; }
.choosemainleft{ width: 100%; }
.choosemainright{width: 50%; margin-left: 10%; float: left;}
.choosemainleft p{ padding-top: 0;}
}

@media screen and (max-width:1000px) {
.chossemian{width: 80%; }
.choosemainleft p{padding: 0;}
.choosemainleft{ width: 90%; float: none;}
.choosemainright{width: 90%; float: none; margin-left: 0;}
.choosemainright img{ width: 100%; height: 100%; }
.chooseheader .h3{width: 90%;margin:0 auto;}
.chooseheader .h4{width: 90%;margin:0 auto;}
}



/* choosemain2 */
.choosemain2{ width: 100%;margin:0 auto;}
.choosem2-li{  width: 100%;  font-size: 18px; padding: -20px 0; margin-top: 150px; position: relative;}
.choosemain2ul{width: 100%; padding-top: 20px; }
.choosemain2 .i-title{ width: 100%; margin: 0 auto; padding-top: 8px; margin-bottom:38px }
.choosemain2 ul li{ position: relative;  border:0;  padding-bottom: 40px;}
.choosemain2 ul li .m2-2{ width: 100%; max-width: 298px;margin: 0 auto;  padding-top: 21px;   text-align: center;font-size: 18px;}.choosemain2 ul li .m2-2 .on a{color: #299b9d; border-bottom: 1px solid #333;}
.choosemain2 ul li .m2-2 a{ display: inline-block; width: 100%;  border-bottom: 1px solid #333; padding-bottom:  15px;}
.choosemain2 ul li .m2-2 a:hover{color: #299b9d;}
.choosemain2 .img-list3{ width: 100%; }
.choosemain2 .img-list3 ul { width:9999px; }
.choosemain2 .img-list3 li { float:left; display:inline; width:267px;  margin-right:44px;/* border-bottom: 4px solid #299b9d; */}

.choosemain2 .img-scroll3{ margin-top: -15px; }
.choosemain2 .img-scroll3 .img-list3 li{ background: #fff; }

.choosemain2 .prev3,.choosemain2 .next3{position:absolute;display:block;width:50px;height:98px;top: 38%;}
.choosemain2 .prev3 { left:-90px;cursor:pointer; background: url(../images/cho-l.png) no-repeat center;  border-radius: 10%;}
.choosemain2 .next3 { right:-90px;cursor:pointer; background:url(../images/cho-r.png) no-repeat center; border-radius: 10%;}
.choosemain2 .prev3:hover { background:url(../images/cho-ron.png) no-repeat center;}
.choosemain2 .next3:hover { background:url(../images/cho-lon.png) no-repeat center;}
.mian4-scroll31 {display: none;}
.choosemain2 ul{width: 100%; }
.img-scroll31{display: none;}

.baguetteBoxOne{ /*margin-top: -15px;*/ }


.choosemain5  a:hover{color: #299b9d;}
.choosemain2  a:hover{color: #299b9d;}
.choosemain5 .i-title{ margin-top: 0; padding-top: 0; text-align: center; width: 100%;  } 
.choosemain5 { margin-top: -2px; }
.choosemain5 ul{width: 100%; }
.choosemain5 ul li{ width: 207px; margin: 0 auto; float: left;  margin-right: 42px; padding-bottom: 50px; background: #fff; }
.choosemain5 ul li .m2-2{ width: 100%;   text-align: center;font-size: 18px;}
.choosemain5 ul li .m2-2  a{ width: 100%; padding: 15px 0;display: inline-block; }
.choosemain5 ul li .on a{color: #299b9d;}
.choosemain5 ul .m2-2  a:hover{color: #299b9d;}
.choosemain5 ul .main2ulll{ margin-right: 0px;  }
.choosemain5 ul li .m2-3{ width: 100%;   text-align: center; font-size: 14px; font-size: 1.4rem;}
.choosemain5 ul li .m2-3  a{ width: 100%; padding-top: 10px; padding-bottom: 16px; display: inline-block; color: #333;}
.choosemain5 ul li .on a{color: #299b9d; }
.choosemain5 ul .m2-3  a:hover{color: #299b9d;}
.choosemain5 .img-scroll3 { margin-top:-31px}
.choosemain5 ul li .m1lie .m1fu img{ width: 32px; height: 32px; }

.choosemain5 ul li .m1lie .m1fu { width: 180px; margin-left: 13px; height: 85%; margin-top: 20px;}
.choosemain5 ul .main2ulll{ margin-right: -3px; }  
.ch-mian5-scroll31{ display: none; }

.choosemain2 ul li .m2-2 .main4-me-a{ border-bottom: 0;  margin-top: 5px;}



@media screen and (max-width:1500px) {
    .img-scroll3 .next3{right: 44%;top:115%;}
    .img-scroll3 .prev3{left: 44%;top:115%;}
}



@media screen and (max-width:1500px) {
    .choosemain2ul{width: 100%;}
    .choose-scroll33 ul li{ width: 45%;}
/*    .img-scroll1{ display: none; }
*/    .mian4-scroll31 {display: block;}
/*    .ch-mian5-scroll31{ display: block; margin-top: 30px; }
*/    .choosemain5 ul .main2ulll{ margin-right: 8%; }
    .mian4-scroll31 ul li{ width: 25%; float: left; }
    .ch-mian5-scroll31 ul .main2ulll{ margin-right: 0; }
    .ch-mian5-scroll31 ul{   display: flex; justify-content: flex-start; flex-wrap: wrap; }
    .choosemain5 ul li .m1lie .m1fu { width: 90%; margin-left: 5%; height: 85%;}
    .choosemain2 ul li .m2-2 a{ display: inline-block; width: 100%;  border-bottom: 1px solid #333; padding-bottom:  20px;}
}


@media screen and (max-width:1120px) {
.choosemain5 ul li .m1lie .m1fu{ background: none; top:0;}


}

@media screen and (max-width:1230px) {
    .choosemain2ul{width: 100%;}
    .choose-scroll33 {width: 100%;}
	.ch-mian5-scroll31{ display:block}
    .ch-mian5-scroll31 ul li{   width: 50%; margin: 0 auto; }
    .ch-mian5-scroll31 ul .main2ulll{ margin-left: 0; }
    .img-scroll1{ display: none; }
    .choosemain5 ul li .m2-2  a{ width: 100%; padding: 20px 0;display: inline-block; }
    .choosemain2 ul{ width: 100%; margin: 0 auto; }
    .mian4-scroll31 ul li{ width: 50%; margin: 0 auto;}
}

@media screen and (max-width:920px) {
    .choosemain2ul{width: 100%;}
    .choose-scroll33 {width: 100%;}
    .choose-scroll33 ul li{ width: 90%;}
    .img-scroll1{ display: none; }
    .ch-mian5-scroll31 ul .main2ulll {    margin-right: 8%; }
    .choosemain5 ul li .m2-2  a{ width: 100%; padding: 20px 0;display: inline-block; }
    .mian4-scroll31{ width: 100%; margin: 0 auto; }
    .mian4-scroll31 ul{ width: 100%; margin: 0 auto; }
    .mian4-scroll31 ul li{ width: 50%; float: left; }
    .choosemain5 ul li .m2-3 a{ font-size: 2rem; }
    
}

@media screen and (max-width:630px) {
    .choosemain2ul{width: 100%;}
    .choose-scroll33 {width: 100%;}
	
    .ch-mian5-scroll31 ul li{   width: 90%; margin: 0 auto; float: none;}
    .img-scroll1{ display: none; }
    .ch-mian5-scroll31 ul .main2ulll { margin: 0 auto; }
    .choosemain2 ul li .m2-2{ margin-top: 10px; }
    .ch-mian5-scroll31 ul{ width: 90%; margin: 0 auto; }
    .mian4-scroll31 ul li{ width: 95%; float: left;  margin-left: .5%; margin-right: .5%;}

}





/* choosemain3 */
.ch-main3{width: 100%; background: #f5f5f5 url(../images/cjoosebj.png) no-repeat ; margin-top: 50px;}
.ch-main3 .i-title a{ color: #54afb1; display: inline-block; margin-bottom: 60px;}
.ch-ma-con{width: 100%; margin: 0 auto;}
.choosemian3left{ width:590px;float: left;}

.i-timema{ color: #54afb1; display: inline-block; margin-bottom: 60px; font-size: 40px; color: #333333;  font-size: 4rem}
.choosemian3left{ width:593px;float: left;}
.choosemian3right{ float: right;  width:597px;}

/*zuo*/

.choosemian3left .c-top{width: 100%;margin-bottom: 15px;}
.choosemian3left .c-top .ch-m1lie1{width: 100%;}


.ch-m1lie1,.ch-m1lie{overflow: hidden;}

.ch-m1tu1{position: relative;}
.ch-m1tu{position: relative;}

.ch-m1tu1 a{display: block;}
.ch-m1tu1 a img{display: block;width: 100%;max-width: 593px;margin: 0 auto;}

.ch-m1tu1 .ch-m1fu1{position: absolute;top: 100%;left: 0;width: 100%;height:100%; text-align: center;}
.ch-m1tu1 .ch-m1fu1 span{display: inline-block;padding-top: 29%;color: #fff; font-family: 'RobotoThin';  font-size: 26px; font-size: 2.6rem;}
.ch-m1tu1 .ch-m1fu1{background: url(../images/zhezhao.png) repeat ;}
.ch-m1lie1:hover .ch-m1fu1{top: 0;}

.ch-m1tu1 .ch-m1fu1{font-size:26px;font-size:2.6rem;font-family: "Tahoma";color: #fff;}

.ch-m1tu .ch-m1fu{position: absolute;top: 100%;left: 0;width: 100%;height:100%;text-align: center; }
.ch-m1tu .ch-m1fu span{display: inline-block;padding-top: 29%;color: #fff;  font-family: 'RobotoThin'; font-size: 26px; font-size: 2.6rem;}

.ch-m1tu .ch-m1fu{font-size:26px;font-size:2.6rem;font-family: "Tahoma";color: #fff;}

.ch-m1tu .ch-m1fu{background: url(../images/zhezhao.png) repeat;}
.ch-m1lie:hover .ch-m1fu{top: 0;}

.choosemian3left .c-bottom{width: 100%;}
.choosemian3left .c-bottom .ch-m1lie{max-width: 289px;width: 100%;}
.choosemian3left .c-bottom .fl{float: left;}
.choosemian3left .c-bottom .fr{float: right;}


/*you*/


.choosemian3right ul li{width: 100%;max-width: 289px;float: left;margin-left: 15px;margin-bottom: 11px;}


@media screen and (max-width:1300px) {
    .choosemian3left{float: none; width:593px; margin: 0 auto;}
    .choosemian3right{ float: none;  width:597px; margin: 0 auto;}
    .choosemian3left .c-bottom .fl{  margin-bottom: 15px;}
}

@media screen and (max-width:1020px) {
    .ch-m1tu1 .ch-m1fu1{ background: none; top:0;}
    .ch-m1tu .ch-m1fu{ background: none; top:0;}
}

@media screen and (max-width:900px) {
    .choosemian3left{float: none; width:289px; margin: 0 auto;}
    .choosemian3left .img{ width: 100%; }
    .choosemian3left img{ width: 100%;max-width: 289px; }
    .choosemian3right{ float: none;  width:289px; margin: 0 auto;}
    .choosemian3right ul li{ margin: 0;  margin-bottom: 30px;}
    .choosemian3left ul .ch-mlinr{ float: none; }
    .choosemian3left .c-bottom .fr{ float: none; }
    .choosemian3right ul .mbn{ margin-bottom: 30px!important }
}















/*========================================contact================================== */
/*========================================contact================================== */
/*========================================contact================================== */
/*========================================contact================================== */
/*========================================contact================================== */
.contact .top{padding-top: 55px;margin-bottom: 21px;}
.contact .top ul li{width: 290px;float: left;margin-left: 13px;background-color: #54afb1; height: 193px;}

.contact .top ul li img{display: block;margin: 20px auto 37px;}
.contact .top ul li p{font-size:16px;font-size:1.6rem;color: #fff;margin-bottom: 50px;text-align: center; }
.contact .top ul li p a{ color: #fff;  font-size: 1.6rem; font-size: 16px;}
.contact .top ul li p a:hover{color: #1e50a3;}


.contact .top ul li.li3 img{display: block;margin: 12px auto 16px;}
.contact .top ul li .p1{ width: 92%; margin: -22px auto; line-height: 25px; }
.contact .top ul li.li3 p.p2{margin-bottom: 22px;}



.contact .heading{margin-top: 61px;}
.contact .heading p.pp2 {text-align: center;}
.contact .heading p.pp2 span{font-size:14px;font-size:1.4rem;color: #1e50a3;line-height: 34px;}
.contact .heading p.pp1{font-size: 36px;font-size: 3.6rem; color: #333;line-height: 36px;text-align: center;}
.coxin{ margin-top:17px; width: 100%;}
.col{ width:100%; padding: 0; margin: 0;}
.cor{ width:100%; margin-top: 23px;}
.col .int1{  margin-top:19px; width: 264px; float: left; margin-right: 41px;}
.coxin .xing{ background:url(../images/con-xing.png) no-repeat 5px 18px;}
.coxin .intllast{ margin-right: 0; }
.col .int1 input{ width:250px; border:0; height:37px; margin-left:20px; line-height:36px; font-size:12px; font-size:1.2rem; border: 1px solid #b5b5b5; color: #333333; padding-left: 12px;}
.coxin textarea{width:873px; height:99px; margin-left:21px;  color:#333333;line-height:35px; font-size:12px; font-size:1.2rem; border: 1px solid #b5b5b5;border-radius: 0px; text-indent: 10px;}

.cor .int1{float: left;}
.coxin .int2{ float: right;}
.cor .xing{ background:url(../images/con-xing.png) no-repeat 5px 16px;}
.cor .int3{ float: right;}
.cor .int5{  width: 100%; overflow: hidden;}
.cor .int3 input{ color: #333; margin-left: 20px; width:127px; height:37px; text-indent: 10px; line-height:36px; font-family: 'FuturaStdBook'; font-size: 12px; font-size: 1.2rem;border: 1px solid #b5b5b5;}
.cor .int3 input.int4{text-indent: 0px;}
.cuyanzheng{  width:115px; height:38px; float:right; cursor:pointer;overflow: hidden; border:none;}
.int2 .int3 .int4{ margin-top:22px; width:267px; display: block; height:40px; line-height: 40px; background:#299b9d; font-size:20px; font-size:1.6rem; color:#fff; font-weight:bold;  cursor:pointer;border: none;}

.ditu{ width:100%; max-width:1200px; margin-top:52px;margin-bottom: 69px;}
.m-i-i{ margin-right: 12px; }




@media screen and (max-width:1219px){
    .contact .top ul li{width: 220px;margin-left: 32px;}
    .col .int1{ float:left; width: 45%; }
    .col .int1 input{ width: 100%; display: inline-block; }
    .cor{width: 97%; }
    .cor .int1{  width: 98%; padding: 0;  float: none;}
    .cor .int2{padding: 0; float: none; margin-top: 30px;}
    .cor .int3{padding: 0;  float: none;}
    .cor .cuyanzheng{ margin-left: 10px; }
    .int2 .int3 .int4{padding: 0; width: 98%;  margin-top:30px;}
    .contact .top ul li .p1{ line-height: 20px; }
    .cor textarea{width: 100%; float: none;}
    .m-i-i{ padding: 0; margin: 0; }
    .int5{ width: 290px; }
    .cor .int5{  width: 100%; }
}

@media screen and (max-width:1000px){
    .contact .top ul li{width: 23%;margin:1%!important;}
}

@media screen and (max-width:980px){
    .contact .top ul li{width: 48%;margin:1%!important;}
    .contact .top ul li .p1{ line-height: 25px; }
     
}
@media screen and (max-width:982px){
    .contact .top ul li{width: 48%;margin:1%!important;}
    .coxin .intllast{ margin-right: 40px; }
    .col .int1{ width: 89%; }
    .cor{width: 93%; }
    .cor .int1{  width: 97%; padding: 0;  float: none;}
}
@media screen and (max-width:730px){
    .contact .top ul li{width: 48%;margin:1%!important;}
    .int2 .int3 .int4{padding: 0; width: 97%;  margin-top:30px;}


     
}


@media screen and (max-width:600px){
    .int2 {float: none;}
    .contact .top ul li{width: 100%;margin:2% 0!important;}
}

@media screen and (max-width:400px){ .int2 .int3 .int4{width: 95%;}}

@media screen and (max-width:320px){  .cor .cuyanzheng{ margin-left: 0px; }  }

@media screen and (max-width:310px){  .cor .cuyanzheng{ float: left; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; width: 125px; }  }










/*========================================news================================== */
/*========================================news================================== */
/*========================================news================================== */
/*========================================news================================== */
.news {margin-bottom:59px;}
.news .content{padding-top: 0px; font-family: 'FuturaStdBook';}
.news .content ul li{padding-top: 55px; margin-bottom: -15px;}
.news .content ul li.li5n{margin-bottom: 0px;}
.news .content ul li .img{max-width: 110px; background: red;}
.news .content ul li .img h3{ font-weight: normal; text-align: center; width: 100%;line-height: 70px; width: 110px; font-size: 55px; font-size: 5.5rem; background: #299b9d;}
.news .content ul li .img h3 a{ color:#fff;  }
/*.news .content ul li .img h3 a:hover{ color: #333; }*/
.news .content ul li .img p{ font-weight: normal; text-align: center; width: 100%;line-height: 40px; width: 110px; font-size: 16px; font-size: 1.6rem; background: #cccccc;}
.news .content ul li .img p a{ color:#299b9d;  }
/*.news .content ul li .img p a:hover{ color: #fff; }*/
.news .content ul li .cont{width: 1060px;margin-bottom: 0px;}
.news .content ul li .cont .tle1{margin-bottom: 10px;margin-top:18px;}
.news .content ul li .cont .tle1 a{color: #299b9d;font-size:16px;font-size:1.6rem;}
.news .content ul li .cont .tle1 a:hover{color: #333;}

.news .content ul li .cont .tle3{margin-bottom: 11px;}
.news .content ul li .cont .tle3 p{font-size:14px;font-size:1.4rem;line-height: 30px;}
.news .content ul li .cont .tle3 p a{display: block; color: #666666;}
.news .content ul li .cont .tle3 p a:hover{color: #299b9d;font-size:14px;font-size:1.4rem;line-height: 30px;}



.news .ppage.n-page{margin-top: 50px;}

@media screen and (max-width:1219px){
    .news .content ul li .cont{width: 85%;}
    .news .content ul li .cont .tle1{ margin-top: 0px; }
}

@media screen and (max-width:820px){
    .news .content ul li .cont{width:100%;float: none;}
    .news .content ul li .cont .tle1{ margin-top: 20px; }
    .news .content ul li .img{float: none;margin: 0 auto;}
    .news .content ul li .cont .tle1{ line-height: 27px; }
}


.news .xqy {position: relative;}
.news .xqy .top1{margin-top: 52px;}
.news .xqy .top1 .title1{text-align: center;}
.news .xqy .top1 .title1 h1{font-size: 16px;font-size:1.6rem;color: #299b9d; width: 100%; text-align: center;}
.news .xqy .top1 .time{text-align: center;margin-top: 8px;margin-bottom: 7px; width: 100%;}
.news .xqy .top1 .time i{font-size: 12px;font-size:1.2rem;color: #000;font-weight: normal;display: inline-block;font-family: Arial, Helvetica, sans-serif;
line-height: 30px;padding-left: 0px;}
.news .xqy .content .c-wz p{font-size: 14px;font-size:1.4rem;color: #000;line-height: 30px;margin-bottom: 30px;}
.news .xqy .b-pic{margin-top: 18px;margin-bottom: 40px;}
.news .xqy .b-pic a img{display: block;margin: 0 auto;max-width: 1200px;width: 100%;}
.updown{padding-top: 12px;border-top: 1px solid #ccc;margin-bottom:73px;}
.updown .up{margin-top: 0px;margin-bottom: 2px;}
.updown p{line-height: 24px;font-size: 14px;font-size:1.4rem;color: #333;}
.updown p .on{color:#299b9d; }
.updown p a{font-size: 14px;font-size:1.4rem;color: #333;}
.updown p a:hover,.news .xqy .content .c-wz a{color: #299b9d;}




@media screen and  (max-width:1219px){
    .video1{margin:1%;width:48%;float: left;}
}
@media screen and  (max-width:400px){
    .video1{margin:2% 0!important;width:100%;float: none;}
}






/* ----------------------exhi-------------------- */
/* ----------------------exhi-------------------- */
/* ----------------------exhi-------------------- */
/* ----------------------exhi-------------------- */
/* ----------------------exhi-------------------- */
/* ----------------------exhi-------------------- */
.exhi{ width: 100%; margin: 0 auto; }
.exhi .ex-ul{ width: 100%; margin-top: 55px; }
.exhi .ex-ul li{ width: 105px; float: left; margin-right: 9.5px; height: 48px;  line-height: 48px; text-align: center; color: #fff;}
.exhi .ex-ul li.last{margin-right: 0!important;}
.exhi .ex-ul li:last-child{margin-right: 0!important;}
.exhi .ex-ul .fix a{ color: #fff;  font-size: 16px; font-size: 1.6rem; font-family: 'FuturaStdBook';}
.exhi .ex-ul .fix { background:  #54afb1;  }
.exhi .ex-ul .xian{ width: 93px; overflow: hidden;}
.exhi .ex-ul .xian a{ color: #cccccc; }
.exhi .ex-ul .zui a{ margin-right: 0; font-size: 14px; font-size: 1.4rem; }
.exhi .ex-con {width: 100%;margin-top: 50px;}


.exhi .ex-con .ex-right{ width: 590px; float:right }
.exhi .ex-con .ex-left{ width: 590px; float: left; border-right:#cccccc solid 1px ;}
.exhi .ex-wrap{width: 100%; margin: 0 auto;}
.exhi .ex-l-l{ float: left;width: 75px; overflow:hidden  }
.exhi .ex-l-r{ float: right; width: 490px; margin-bottom: 25px;}
.exhi .ex-l-r2{ float:right; width:490px; ; margin-bottom: 25px;}
.exhi .ex-l-r .p,.exhi .ex-l-r2 .p{ padding-bottom: 10px; font-size: 18px; font-size: 1.8rem; color: #299b9d; text-transform : uppercase }
.exhi .ex-l-r .pp1,.exhi .ex-l-r2 .pp1{ padding-bottom: 10px; font-size: 18px; font-size: 1.8rem; color: #333; }

.exhi .ex-l-l .h3{ font-weight: normal; text-align: center; width: 100%;line-height: 58px; width: 75px; font-size: 42px; font-size: 4.2rem; background: #299b9d;color:#fff;    font-family: 'FuturaStdBook'; }

/*.exhi .ex-l-l h3 a:hover{ color: #333; }*/
.exhi .ex-l-l p{ font-weight: normal; text-align: center; width: 100%;line-height: 35px; width: 75px; font-size: 14px; font-size: 1.4rem; background: #cccccc;color:#299b9d; }

/*.exhi .ex-l-l p a:hover{ color: #fff; }*/



.exhi .ex-l-r .ex-l-img,.exhi .ex-l-r2 .ex-l-img{ width: 100%;}
.exhi .ex-l-r .ex-l-img li,.exhi .ex-l-r2 .ex-l-img li{ float: left; margin-right: 16px; margin-bottom: 20px;} 
.ex-l-img .ex-m1lie{ width:100%;  position:relative; overflow:hidden;}
.ex-l-img .ex-m1tu{ position:relative; margin: 0 auto;  max-width: 120px;}
.ex-l-img .ex-m1tun{ display:block; width: 100%; max-width: 120px;}
.ex-l-img .ex-m1tun img{ width:100%; max-width: 147px; height: 100%  }
.ex-l-img .ex-m1fu{ display:block; position:absolute; left:0px; top:100%; width:100%;max-width:120px; height:100%; background:#525142;  background: url(../images/zhezhaos.png) repeat left top;}
.ex-l-img  .ex-m1fu img{ width:20px; height:20px; position:absolute; left:50%; margin-left:-15px;  top: 41%;}
.ex-m1lie:hover .ex-m1fu{ top:0px;}






@media screen and  (max-width:1300px){

   .exhi .ex-ul{ width: 70%; margin: 0 auto;}
   .exhi .ex-ul li{ width: 30%; margin-top: 30px;  margin-left: 1%; margin-right: 1%;}
    .exhi .ex-ul .xian{ display: none; }

   .exhi .ex-con{ width: 90%; margin: 0 auto;  margin-top: 50px;}
   .exhi .ex-con .ex-right{ width: 50%;  margin-left: 0px;  margin: 0 auto;}
   .exhi .ex-con .ex-left{ width: 50%; border-right: 0; margin: 0 auto;}
    .exhi .ex-l-l{ float: none; width: 93px; margin-left:25%; margin-top: 40px; margin-bottom: 10px; margin: 0 auto;}
   .exhi .ex-l-r, .exhi .ex-l-r2{ float: none; margin-left: 0;  margin: 0 auto;}
   .ex-wrap{ padding-bottom: 30px; }
}

@media screen and  (max-width:900px){
   .exhi .ex-ul{ width: 90%; margin: 0 auto; }
   .exhi .ex-ul li{ width: 90%; margin-top: 30px; }
   .exhi .ex-ul .xian{ display: none; }
   .exhi .ex-con{ width: 90%; margin: 0 auto;  margin-top: 30px;}
   .exhi .ex-con .ex-right{width: 100%;  margin: 0 auto;  float: none; margin-left: 0px; }
   .exhi .ex-con .ex-left{ width: 100%;  margin: 0 auto; float: none;  border-right: 0; }
   .ex-l-img .ex-m1lie{ width:100%; max-width: 147px; margin: 0 auto; }
   .exhi .ex-l-r .ex-l-img li,.exhi .ex-l-r2 .ex-l-img li{ float: left; width: 25%; margin: 0 auto; margin-bottom:  30px;}
   .exhi .ex-l-r,.exhi .ex-l-r2{ width: 100%; }
   .exhi .ex-l-r p{width: 100%; text-align: center;  overflow: hidden; margin-top: 16px;}
   .exhi .ex-l-l{ float: none; margin: 0 auto;}
   .exhi .ex-l-r, .exhi .ex-l-r2{ float: none; margin-left: 0; }
}


 @media screen and  (max-width:730px){

.exhi .ex-l-r .ex-l-img li,.exhi .ex-l-r2 .ex-l-img li{ float: left; width: 50%; margin: 0 auto; margin-bottom:  30px;}  
} 



@media screen and  (max-width:400px){
   .exhi .ex-ul{ width: 90%; margin: 0 auto; }
   .exhi .ex-ul li{ width: 90%; margin-top: 30px; }
   .exhi .ex-ul .xian{ display: none; }
   .exhi .ex-con{ width: 90%; margin: 0 auto;  margin-top: 30px;}
   .exhi .ex-con .ex-right{width: 100%;  margin: 0 auto;  float: none; margin-left: 0px; }
   .exhi .ex-con .ex-left{ width: 100%;  margin: 0 auto; float: none;  border-right: 0; }

    .exhi .ex-l-r .ex-l-img li,.exhi .ex-l-r2 .ex-l-img li{ float: none; width: 90%; margin: 0 auto; margin-bottom:  30px;} 
   .exhi .ex-l-r, .exhi .ex-l-r2{ width: 100%; }
   .exhi .ex-l-r p,.exhi .ex-l-r2 p{width: 100%; text-align: center;  overflow: hidden; margin-top: 16px; line-height: 30px;}
   .exhi .ex-l-l{ float: none; margin: 0 auto;}
   .exhi .ex-l-r, .exhi .ex-l-r2{ float: none; margin-left: 0; }
}





/* ======================================videos=================================== */
/* ======================================videos=================================== */
/* ======================================videos=================================== */
/* ======================================videos=================================== */
/* ======================================videos=================================== */
/* ======================================videos=================================== */

.videos .vi-ul{ width: 970px; margin: 0 auto;  margin-top: 55px;}
.videos .vi-ul li{ float: left; height: 46px; line-height: 46px;}
.videos .vi-ul .fix2{ width: 244px;  border: 1px solid #54afb1;  text-align: center; }

.videos .vi-ul li a{ color: #54afb1; display: inline-block; height: 46px; font-size: 16px; font-size: 1.6rem;}
.videos .vi-ul .xian{ color: #cccccc; width: 93px; overflow: hidden; text-align: center; margin: 0 10px;}
.videos .vi-ul .fix2:hover a{ color: #fff;}
.videos .vi-ul .on a{color: #fff;}

.videos .vi-ul .on,.fix2:hover{ background: #54afb1;}




.vi-img{ width: 100%;  margin: 0 auto; margin-top: 44px;}
.vi-img li{ float: left; margin-left: 37px;  margin-bottom: 55px; }
.vi-img li p {width: 100%; max-width: 273px; margin: 0 auto;  text-align: center; margin-top: 8px; font-size: 14px; font-size: 1.4rem;}
.vi-img li a{display: block;   max-width: 273px; display: block; margin: 0 auto;} 
.vi-img li p:hover{ color:#299b9d;  }
.vi-img li a img{ display: block; }



.vi-img .vi-m1tu{ position: relative;  overflow: hidden; max-width: 272px;}
.vi-img .vi-m1tu .vi-m1fu{font-size:26px;font-size:2.6rem;font-family: "Tahoma";color: #fff;}

.vi-img .vi-m1tu .vi-m1fu{position: absolute;top:0;left: 0;width: 100%;height:100%;text-align: center; }
.vi-img .vi-m1tu .vi-m1fu img{display: inline-block;color: #fff;  margin-top: 25%;  font-family: 'RobotoThin'; font-size: 26px; font-size: 2.6rem;}

.vi-img .vi-m1tu .vi-m1fu{font-size:26px;font-size:2.6rem;font-family: "Tahoma";color: #fff;}

.vi-img .vi-m1tu .vi-m1fu{background: url(../images/zhezhaos.png) repeat;}
.vi-img .vi-m1lie{ width: 100%; max-width: 272px; margin: 0 auto; }
.vi-img .vi-m1lie:hover .vi-m1fu{top: 100%;}



.vi-page{ margin-top: 45px; margin-bottom: 69px;}


@media screen and  (max-width:1300px){
.vi-img{ width: 100%;  margin: 0 auto;margin-top: 44px;}


}

@media screen and  (max-width:1219px){
 .videos .vi-ul{ width: 100%; margin: 0 auto;}
 .videos .vi-ul  .xian{ display: none; }
.videos .vi-ul .fix2{  margin-top: 30px;  margin-left: 30px;}
.vi-img li {  float: left;  width: 33.33%;  margin: 0 auto;  margin-bottom: 30px;}
}
@media screen and  (max-width:900px){
 .videos .vi-ul{ width: 100%; margin: 0 auto;}
 .videos .vi-ul  .xian{ display: none; }
.videos .vi-ul .fix2{  margin-top: 30px;  margin-left: 30px;}
.vi-img li{ float: left; width: 47%; margin: 0 auto; margin-bottom: 30px; }

}

@media screen and  (max-width:700px){
.videos .vi-ul{ width: 100%; margin: 0 auto;}
.videos .vi-ul .fix2{ width: 100%;margin: 0 auto;  margin-top: 30px;}
.videos .vi-ul  .xian{ display: none; }
.vi-img li{ float: none; width: 100%;  margin: 0 auto; margin-bottom: 30px; }
.vi-img li a{ margin: 0 auto;  max-width: 273px; display: block; }
.vi-img .zui{ margin-right: 27%; } 
}

@media screen and  (max-width:500px){
.vi-img .zui{ margin-right: 38px; } 
.vi-img li a{ margin: 0 auto;  max-width: 273px; display: block; }

}


/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
/* ========================================product================================= */
.product12{ width: 100%; margin-top: 47px;}
.pro-l { width: 265px; float: left;}
.pro-l .h2{ font-weight: normal; font-size: 28px; font-size: 2.8rem; }
.pro-l .h2 a{color: #333; margin-bottom:5px }
.pro-l .h2 a:hover{ color: #299b9d;  }

 .subNavBox{width: 100%; margin-bottom: 142px;}
 .subNav{border-bottom: 1px solid #cccccc; cursor: pointer; padding-bottom: 9px; margin-top: 12px;}
 .subNav a{ 
     /*background:*/
 font-size:16px; font-size:1.6rem; color:#333333; transition:0s;}
 .subNav:hover{ color :#299b9d;}
 .subNav:hover a{ color:#299b9d;}
 .currentDd a{  color:#299b9d;}
 .xuanze23{  color:#299b9d !important;}
 .currentDt{ color:#299b9d;}
 .navContent{display: none;  border-bottom: 1px solid #cccccc;}
  .navContent li dl {padding-bottom:16px; }
 .navContent li { background: url(../images/pro-1.png) no-repeat left; margin-left: 32px;}
 .navContent li a{display:block; font-size:14px; font-size:1.4rem; line-height: 32px; color:#4d4d4d; padding-left:12px;}
 .navContent li a:hover{ color:#299b9d; }
 .navContent li h3{ font-weight: normal;   margin-top: 5px; margin-bottom: 6px;  }
 .navContent li h3 a{ color: #299b9d;font-size: 16px; font-size: 1.6rem; }


 .por-l-but{width: 100%; margin-top: 9px;}
 .por-l-but p{ margin-top: 10px; padding-bottom: 3px; font-style: 14px; font-size: 1.4rem; line-height: 26px; color: #333333; border-bottom: 1px solid #ccc; }
 .por-l-but p a{ color: #333; display:block }
 .por-l-but p  a:hover{ color: #299b9d;  }


.pro-r { width: 871px; float: right; margin-left: 60px;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative; float:left; margin-top:6px;width:525px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:1px;}
#tsShopContainer #tsPicContainer{width:100%;position:relative;height:94px;margin-top: 15px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:24px;position:absolute;top:0px;left:0px;cursor:pointer; background: blue;
height:93px;background:url(../images/prleft.png) no-repeat left center; z-index: 9999999;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:24px;position:absolute;top:0px;right:0px;cursor:pointer;
height:93px;background:url(../images/prright.png) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prrighth.png) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prlefth.png) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:31px;width:1px;overflow:hidden; width: 100%;
height:93px;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:140px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0;
padding: 0 9.5px;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; width:140px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:140px;height:93px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{}
.handsphone{ display: none; }



.pro-r-r{width: 300px; float: right; }
.pro-r-r h2{  font-size: 20px; font-size: 2rem;  line-height: 32px; font-weight: normal;}
.pro-r-r h2 a{color: #54afb1;}
.pro-r-r p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 100px;}

.pro-r-b{ width: 158px;text-align: center; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; background: #299b9d; margin-top: 30px; }
.pro-r-b p a{  display: block; width: 158px;text-align: center; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; background: #299b9d;
color: #fff;}

.pro-r-b p a:hover{background: #fff; color: #299b9d; border:1px solid #299b9d;}
.pro-r-botton a{ color: #299b9d;}
.pro-r-botton{ width: 100%;  margin-top: 60px;  }
.pro-r-botton .h3 {border-bottom: 1px solid #ccc; font-size: 20px; font-size: 2rem; font-weight:border;color: #299b9d; padding-bottom:5px}

.pro-r-botton .h4{ padding-top: 20px; padding-bottom: 9px; font-weight:normal; color: #333;font-size: 16px; font-size: 1.6rem;  }



.pro-r-botton  .pro-biao{ width: 100%; margin: 0 auto; margin-bottom: 20px;}
.pro-biao table{ width: 869px; border:1px solid #e5e5e5;  border-bottom: 0;}
.pro-biao table tr{width: 100%;  }
.pro-biao table tr td{  padding-left: 12px; line-height: 39px; font-size: 16px; font-size: 1.6rem;border-bottom: 1px solid #e5e5e5;}
.pro-biao table tr .ta-td1{ border-right:1px solid #e5e5e5;  }

.pro-r-content{ width: 100%; margin-bottom: 22px; font-size: 14px; font-size: 1.4rem; line-height: 26px;  margin-top: 11px;  }
.pro-r-content h5{ width: 100%; font-size: 16px; font-size: 1.6rem; }
.pro-r-content h5 a{color: #333333;}
.pro-r-content table{border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.pro-r-content table tr td{ padding:3px; border:1px solid #ccc;}

.pro-r-content p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
.pro-r-content a{ color: #299b9d; }
/* .pro-r-r  a:hover{ color: #299b9d;  background: #fff; border: 1px solid #299b9d;} */
.pro-bottonimg{ width: 100%; margin: 0 auto; margin-bottom: 67px; }
.pro-bottonimg img{ width: 100%; }




.pro1{ /*width: 100%; */ width:31.5%;float:left; padding-right:1.5%;padding-bottom:1%;text-align:center;font-size:14px;}
.pro1 input{ float: left; width: 13px; height: 13px; }
.pro1 .pro-img{ float: left; /* width: 223px; margin-left:20px; margin-right:40px;*/ width:100%; height:320px;}
.pro1 .pro-img img{ width:100%;min-height:274px;}
.pro1 .pror{ float: left; width: 550px; margin-bottom: 63px;}
.pror .h2 a{ color:  #299b9d; font-size: 16px; font-size: 1.6rem;  line-height: 24px; font-weight: normal;}
.pror .h2 a:hover{ color: #333; }
.pro2{width: 100%;}

.por-a{ border: 1px solid #299b9d;  width: 156px;} 
.por-a a{ color: #299b9d; display: block;  line-height: 30px; text-align: center; font-size: 14px; font-size: 1.4rem; }
.por-a a:hover{ color: #fff; background: #299b9d;}
.pror p {line-height: 26px; font-size: 14px; font-size: 1.4rem; margin-bottom: 22px;}
.pror p a:hover{ color: #299b9d; }
.hui4d{ color:#4d4d4d}
.lanss29{ color:#299b9d}
.hui3{ color:#333}



.pro1 .pro-a-last{ margin-bottom: 36px; }
.pro-r .ppage{ margin-bottom: 70px;  margin-left: -5px;}
.pro-r .pro1-add { float: right; margin-top: -97px;  height: 26px;  color: #fff;  padding-right: 9px;   font-size: 14px; font-size: 1.4rem; }
.pro-r .pro1-add  img{ position: relative; top:5px; }
.pro-r  .pro1-add input{ width: 139px; height: 26px; font-size: 14px; font-size: 1.4rem; line-height: 26px; color: #fff; background:#299b9d; float: right; margin-left: 10px; }
.pro-r  .pro1-add input:hover{  border: 1px solid  #299b9d; cursor:pointer; background: #fff; color:#299b9d;  }

/*ppage*/
.ppage{text-align: center; margin: 0px auto 20px;}
.ppage ul{width:100%;float:left; margin-bottom:20px;}
.ppage li{float:left;}
.ppage a:hover{color: #fff;background-color: #4d4d4d;}
.ppage a,.ppage span,.ppage strong {display: inline-block; margin-right:10px; font-family: 'FuturaStdBook'; height: 26px;line-height: 26px;text-align:center;color: #fff;font-size: 14px;font-size: 1.4rem;background-color: #299b9d;padding:0 10px;}
.ppage a.on,.ppage a:hover,.ppage span.on{background-color: #4d4d4d;color: #fff;}
.ppage a.first,.ppage span.first{width:62px;margin-right: 12px;}
.ppage a.last,.ppage span.last{width: 62px;margin-left: 4px; margin-top: 20px}
/*.ppage span{ cursor:pointer}*/



@media screen and  (max-width:1220px){
     .pro-l{ float: none; width: 100%;}
     .pro-r{ float: none; margin-left: 0; width: 100%;  margin: 0 auto;} 
    .subNavBox{ margin-bottom: 30px; }
    .por-l-but { margin-bottom: 30px;  }
}


@media screen and  (max-width:900px){
#tsShopContainer{ display: none}
.handsphone{ display: block; }
.handsphone ul{ width: 100%; margin: 0 auto; }
.handsphone ul li{  width: 90%;max-width: 513px;margin: 0 auto;}
.handsphone ul li img{ width:100%}
.handsphone ul li a{display: inline-block;  margin: 0 auto;}


.pro-r-r{ float: none; width: 100%; }
.pro-r-r p{ margin-bottom: 30px; }

.pro-biao{ width: 100%; overflow-x: scroll; }

.subNavBox{ margin-bottom: 30px; }
.por-l-but { margin-bottom: 30px;  }
.pro-r{ margin-bottom:2rem}
}

@media screen and  (max-width:760px){
    .pro1 .pror { width: 100%; }
    .pro-r .ppage{ margin-left: 0; }
    .pro-r .ppage .pro1-add{ display: block;  margin:  0 auto; margin-top: 30px;}
    .pro-r .pro1-add{  width: 165px; margin-left: 35%; float: none; margin-top: -70px;  }
    .pro-l{ margin-top: 40px; }
    .pro-r .ppage{ margin-bottom: 100px; }
}


@media screen and  (max-width:600px){
    #tsShopContainer{ display: none}
    .handsphone{ display: block; margin-bottom: 30px;}
    .handsphone ul{ width: 100%; margin: 0 auto; }
    .handsphone ul li{  width: 90%;max-width: 256px; margin: 0 auto;}
    .handsphone ul li img{width: 100%;}
    .subNavBox{ margin-bottom: 30px; }
    .por-l-but { margin-bottom: 30px;  }


  /*   .pro1 .pror { width: 100%; }
  .pro-r .ppage{ margin-left: 0; }
  .pro-r .ppage .pro1-add{ display: block;  margin:  0 auto; margin-top: 30px;} */
}
























#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 
 
 .list_cart div{width:133px; height:27px }
.list_cart{ width:100%; margin-bottom:10px; font-family: 'FuturaStdBook'; }
.top10{margin-top:10px}
.list_cart div.continue a{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#54afb1; color:#fff; cursor:pointer;  font-family: 'FuturaStdBook';}
.list_cart div.continue{ float:left;; }
.list_cart div.inquirecart{  float:right; }
.list_cart div.inquirecart input{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#54afb1; cursor:pointer; color:#fff;font-family: 'FuturaStdBook'}
 .share svg{ width:26px !important; height:26px !important}

 .share svg{  border-radius: 50%;}

.share .at-icon-wrapper{width:26px !important; height:26px !important;    border-radius: 2px;}

.share .at-icon-wrapper{    border-radius:2px !important;}

@media screen and (max-width:999px){
	
	
	.list_cart{ width:100%}
.list_cart .continue{ width:30%; float:left}
.list_cart div.inquirecart{  float:right; width:30%;  }

}

@media screen and (max-width:420px){
.list_cart div.continue{ float:none;; }
.list_cart div.inquirecart{  float:none; }

.list_cart{ width:100%;margin-top:1.5rem}
.list_cart .continue{ width:100%; float:none}
.list_cart div.inquirecart{  float:none; width:100%; margin-top:1.5rem   }
}
.yuyan{ text-align:right; font-size:16px;; padding-top:10px; height:20px; line-height:20px }
.yuyan #zi{ color:#333; }

.yuyan #zi:hover{ color:#299b9d;}
.yuyan img{ display:inline-block;margin-left:10px; vertical-align:middle }
@media screen and (max-width:980px){
.yuyan{ text-align:left;  }
}
.zitia{ font-family:Arial, Helvetica, sans-serif}
.top {height: 45px;line-height: 45px;background: #DA251C;color: #FFF;font-size:16px;font-weight:bold;}
.top .content{width:80%;margin:auto;}
.top .content .l,.top .content .r{color:#fff;}

.pro_view {padding: 12px;border: 1px solid #e3e3e3;margin: 20px 0px;}
.pro_view .rxcp_list_left {width: 608px;/*height: 427px;*/float: left;position: relative;}
.pro_view .pic {width: 608px;/*height: 427px;*/display: table-cell;vertical-align: middle;text-align: center;}
.pro_view .pic img {max-width: 608px;max-height: 427px;}
.pro_view .rxcp_list_right {width: 414px;float: left;}
.pro_view .rxcp_list_right h1 {font-size: 34px;color: #1260b4;padding-bottom: 10px;border-bottom: 1px solid #e4e4e4;}
.pro_view .rxcp_list_right i{font-style:normal;}
.pro_view .desc {font-size: 14px;color: #444444;line-height: 24px;border-top: 1px dashed #e4e4e4;padding-top: 15px;padding-bottom: 30px;}
.pro_view .qq {display: inline-block;width: 164px;height: 68px;background: url(../images/proview_03.png);float: left;}
.pro_view .qq:hover {display: inline-block;width: 164px;height: 68px;background: url(../images/proview_03_1.png);float: left;}
.pro_view .dh {font-size: 18px;color: #e98f1b;display: inline-block;width: 160px;height: 52px;background: url(../images/proview_05.jpg);font-weight: bold;padding-top: 20px;padding-left: 48px;float: right;}